<template>
    <div class="compon-tab">
        <el-table :data="tableData" height="90%" stripe>
            <el-table-column
                show-overflow-tooltip
                v-for="item in tableLabel"
                :key="item.label"
                :label="item.label"
                :width="item.width ? item.width : 125">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row[item.prop] }}</span>
                </template>
            </el-table-column>
            <el-table-column label="操作" min-width="180">
                <el-button size="mini" @click="handLeEdit">编辑</el-button>
                <el-button size="mini" type="danger" @click="handLeDel">删除</el-button>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    props: {
        tableData: Array 
    },
    data(){
        return {

        }
    },
    methods:{
        handLeEdit(){},
        handgLeDel(){}
    }    
}
</script>